<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>公司活动</title>
	<link rel="stylesheet" type="text/css" href="<c:url value="/imageqiang/css/normalize.css"></c:url>" />
	<link rel="stylesheet" type="text/css" href="<c:url value="/imageqiang/css/htmleaf-demo.css"></c:url>">
	<style type="text/css">
		html {
			overflow: hidden;
		}
		body {
			position: absolute;
			margin: 0px;
			padding: 0px;
			background: #4f5a70;
			width: 100%;
			height: 100%;
		}
		#screen {
			position: absolute;
			left: 10%;
			top: 10%;
			width: 80%;
			height: 80%;
			background: #3e495d;
		}
		#screen img {
			position: absolute;
			cursor: pointer;
			visibility: hidden;
			width: 0px;
			height: 0px;
		}
		#screen .tvover {
			border: solid #876;
			opacity: 1;
			filter: alpha(opacity=100);
		}
		#screen .tvout {
			border: solid #fff;
			opacity: 0.7;
		}
		#bankImages {
			display: none;
		}
	</style>
</head>
<body>
	<div id="screen">
		<header class="htmleaf-header">
			<h1>公司活动图片</h1>
			<div class="htmleaf-links">
				<a class="htmleaf-icon icon-htmleaf-home-outline" href="<c:url value='/main/toIndex'></c:url>" ><span> 首页</span></a>
				<a class="htmleaf-icon icon-htmleaf-arrow-forward-outline" href="<c:url value='/index/toImage?pageIndex=2'></c:url>" title="切换图片" ><span> 切换图片</span></a>
			</div>
		</header>
	</div>
	<div id="bankImages">
		<c:if test="${pageIndex == 1 }">
			<img alt="" src="<c:url value="/imageqiang/images/1.jpg"></c:url>">
			<img alt="" src="<c:url value="/imageqiang/images/2.jpg"></c:url>">
			<img alt="" src="<c:url value="/imageqiang/images/3.jpg"></c:url>">
			<img alt="" src="<c:url value="/imageqiang/images/4.jpg"></c:url>">
			<img alt="" src="<c:url value="/imageqiang/images/5.jpg"></c:url>">
			<img alt="" src="<c:url value="/imageqiang/images/6.jpg"></c:url>">
			<img alt="" src="<c:url value="/imageqiang/images/7.jpg"></c:url>">
			<img alt="" src="<c:url value="/imageqiang/images/8.jpg"></c:url>">
		</c:if>
		<c:if test="${pageIndex == 2 }">
		<img alt="" src="<c:url value="/imageqiang/images/9.jpg"></c:url>">
		<img alt="" src="<c:url value="/imageqiang/images/10.jpg"></c:url>">
		<img alt="" src="<c:url value="/imageqiang/images/11.jpg"></c:url>">
		<img alt="" src="<c:url value="/imageqiang/images/12.jpg"></c:url>">
		<img alt="" src="<c:url value="/imageqiang/images/13.jpg"></c:url>">
		<img alt="" src="<c:url value="/imageqiang/images/14.jpg"></c:url>">
		<img alt="" src="<c:url value="/imageqiang/images/15.jpg"></c:url>">
		<img alt="" src="<c:url value="/imageqiang/images/16.jpg"></c:url>">
		</c:if>
		
		
	</div>
	
	<script src="<c:url value="/imageqiang/js/3d-tv.js"></c:url>" type="text/javascript"></script>
	<script type="text/javascript">
		/* ==== start script ==== */
		onresize = tv.resize;
		tv.init();
	</script>
</body>
</html>